/* CSS Document */
html> * , boddy, table, table td {
	margin:0;
	padding:0;
	border:0;
}

body{
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif !important;
}

h1,h2,h3,h4,h5,h6{margin:0;}

a, img { padding: 0; margin: 0; }

img { border: 0 none; }

form { margin: 0; padding: 0; }

img{border:0;}
a{border:0; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;}

/* Layers */
div#header {
    text-align: center;
    height: 132px;
	margin:0;
	padding:0;
	line-height:83px;
	vertical-align:middle;
}

div#navcol {
    padding: 10px;
    width: 10px;
    float: left;
}

div#main {
    padding: 0 10px;
    margin-left: 10px;
    margin-right: 10px;
	min-height:450px;
}

div#sidecol {
    width: 10px;
    float: right;
}

div#footer {
    background-color: #EEEEEE;
    text-align: center;
	padding:8px 0;
    clear: both;
}



/* Table */
.box_module, .box_module_table{
	border:1px solid #CDCDCD;
	background-color:#FFFFFF;
	padding:1px;
	height:100%;
}

.box_module_body{
	background-color:#EEEEEE;
	width:100%; 
	padding:10px;
	padding-top:0px;
	padding-bottom::0px;
	height:100%;
}
.box_module_body td{
	padding:5px;
}
.box_module_table{
	padding:0;
	width: 100%;
	border-collapse: collapse;
	width: 100%;
}

.header_table td, .cell_one,.box_module_table td{		
	border:1px solid #fff;	
	border-left-color:#FFFFFF;
	border-right-color:#E7E7E7;	
	padding:4px 5px 5px;
}

.box_module_table td{border-bottom-color: #E7E7E7;}

.header_table td{
	background-color: #F0F0F0;
	border-bottom:1px solid #999999;
	color:#666;	
	text-align:center;
	font-weight:600;
	border-top-color:#E7E7E7;
}

.cell_one{
	padding-right:5px;
	text-align:right;
	border-left-color: solid 1px #E7E7E7;
}
td.cell_one{border-left-color:#E7E7E7;}
td.cell_one_head{border-left-color:#E7E7E7;}
	
.row0{background-color: #ffffff;}
.row1{background-color: #F9F9F9;}
.cell_on{background-color: #BB9FFF; font-weight:600; color:#0033CC;}

td.keys table.box_module_table tr:hover{background-color:#A6EF3B; cursor:pointer;}
td.keys table.box_module_table tr.cell_on:hover{background-color: #BB9FFF; cursor:auto;}
td.keys table.box_module_table tr.header_table:hover{cursor:auto;}

.cachediv{
	visibility:hidden;
	overflow:hidden;
	height:1px;
	margin-top:-1px;
	position:absolute;
}

.maxLenghtValide{
	color:#333333;
	font-style:italic;
	font-size:10px;
}
.maxLenghtNotValide{
	color:#FF0000;
	font-size:11px;
}
.maxLenghtValideOK{
	color: #00CC33;
	font-size:11px;
}

.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}
.logo_babili{
	padding-top:10px;
}
.logo_community{
	font-style:italic;
	color: #999999;
	font-size:18px;
	font-weight:500;
	margin:0; 
	padding:0;
}

#progressBar{margin:0; margin-bottom:10px; background: url("../img/bg_progress.jpg") repeat-x;}
#progressBar td{line-height:15px; }	
td.green{ background: url("../img/bg_progressBar_green.jpg") repeat-x; }
td.greenleft{ background: url("../img/progress_green_left.jpg") no-repeat;}
td.blue{background: url("../img/bg_progressBar_blue.jpg") repeat-x;}
td.blueleft{background: url("../img/progress_blue_left.jpg") no-repeat;}
td.progress_end_green{background: url("../img/progress_end_green.jpg") no-repeat;}
td.progress_end_blue{background: url("../img/progress_end_blue.jpg") no-repeat;}
td.bg_right{background: url("../img/bg_progress.jpg") repeat-x;}
td.flag{background-color:#FFFFFF; padding:0 10px;}
td.pourcentage{background-color:#FFFFFF; padding:0 10px; font-size:12px; font-weight:600;}

.complete_at{
	font-weight:600;
	padding-bottom:14px;
}

.name_project{
	font-size:16px;
	font-weight:800;
}

.home_progress{
	margin-top:30px;
}
.trans_by{
	font-size:9px;
	font-style:italic;
	color: #CCCCCC;
}

ul a{color:#FFFFFF;}


/** cpanel settings **/
#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 138px;
	width: 138px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }